﻿@{
    Layout = null;
}
@*用于自定义是否使用tagHelper，如<my:form class="layui-form">表示使用，如果全部使用则去掉此声明
    @tagHelperPrefix "my:"*@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>链路交互</title>
    @*content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
        若页面需默认用极速核，增加标签：
        <meta name="renderer" content="webkit">
        若页面需默认用ie兼容内核，增加标签：
        <meta name="renderer" content="ie-comp">
        若页面需默认用ie标准内核，增加标签：
        <meta name="renderer" content="ie-stand">*@
    <meta name="renderer" content="webkit">

    @*chrome=1 这个并不是IE模拟chrome，而是谷歌自己做的一个外挂：Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览要使用chrome=1，要安装GCF，并且指定页面使用chrome内核来渲染。*@
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    @*content属性值 :
        width:可视区域的宽度，值可为数字或关键词device-width
        height:同width
        intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
        maximum-scale=1.0, minimum-scale=1.0:可视区域的缩放级别，maximum-scale表示用户可将页面放大的程度，1.0将禁止用户放大到实际尺寸之上。
        user-scalable:是否可对页面进行缩放，no 禁止缩放*@
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0">

    @*将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式*@
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    @*当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari*@
    <meta name="apple-mobile-web-app-capable" content="yes">

    @*忽略将页面中的数字识别为电话号码*@
    <meta name="format-detection" content="telephone=no">

    @*//搜索引擎，爬虫用，描述，content后面是关键词描述*@
    <meta name="Description" content="Layui权限框架:注册公司业务流,响应式,可视化！！" />

    @*//搜索引擎，爬虫用，content后面是关键词*@
    <meta name="Keywords" content="Layui权限框架" />
    <!-- 样 式 文 件 -->
    <link rel="stylesheet" href="/component/pear/css/pear.css?v@(@StaticConfig.StaticConfigVersion)" />
    <link rel="stylesheet" href="/admin/css/other/login.css?v@(@StaticConfig.StaticConfigVersion)" />
    <script>

        //本页面一定是顶层窗口，不会嵌在IFrame中
        if (top.window != window) {
            top.window.location.href = "./Login";
        }

    </script>
</head>
<!-- 代 码 结 构 -->
<body background="/admin/images/background.svg" style="background-size: cover;">
    @Html.AntiForgeryToken()
    <form class="layui-form">
        <div class="layui-form-item">
            <img class="logo" src="/admin/images/logo.png" />
            <div class="title">链路交互</div>
            <div class="desc">
                精 简 高 效 , 持 续 服 务
            </div>
        </div>
        <div class="layui-form-item ">
            <input id="userName" placeholder="请输入账号" lay-verify="required" hover class="layui-input"/>
        </div>
        <div class="layui-form-item">
            <input type="password" id="password" placeholder="请输入密码" lay-verify="required" hover class="layui-input"/>
        </div>
        @*<div class="layui-form-item">
            <input type="text" placeholder="计算图片中的结果" id="captcha" lay-verify="required" hover class="code layui-input layui-input-inline" />
            <a href="javascript:void(0);" title="点击更换验证码">
                <img src="@Url.Action("CaptchaImage","Login")" class="codeImage" style="width:110px;" />
            </a>
        </div>*@
        <div class="layui-form-item">
            <input placeholder="验证码 : " hover lay-verify="required" class="code layui-input layui-input-inline" value="VBJFQ"/>
            <img src="/admin/images/captcha.gif" class="codeImage" />
        </div>
        <div class="layui-form-item">
            <button class="layui-btn layui-block " lay-filter="login" lay-submit>登录</button>
        </div>
    </form>
    <!-- 资 源 引 入 -->
    <script src="/component/layui/layui.js?v@(@StaticConfig.StaticConfigVersion)"></script>
    <script src="/component/pear/pear.js?v@(@StaticConfig.StaticConfigVersion)"></script>
    <script>
        layui.use(['form',  'popup'], function () {
            var form = layui.form;
            var popup = layui.popup;
            $ = layui.jquery;

            var device = layui.device();

            if (device.ie && device.ie < 10) {
                alert('IE' + device.ie + '下访问可能不佳，推荐使用：Chrome / Firefox / Edge 等高级浏览器')
            }

            @*$(".codeImage").click(function () {
                $(this).attr("src", '@Url.Action("CaptchaImage", "Login")' + '?t=' + new Date().getTime());
            });*@

            // 登 录 提 交
            form.on('submit(login)', function (data) {

                $.ajax({
                    url: '/Login/CheckLogin' //实际使用请改成服务端真实接口
                    ,
                    data: {
                        username: $.trim($("#userName").val()),
                        password: $.trim($("#password").val()),
                        captcha: $.trim($("#captcha").val()),
                        __RequestVerificationToken: document.getElementsByName("__RequestVerificationToken")[0].value
                    },
                    type: "post",
                    dataType: "json",
                    success: function (result) {
                        console.log(result); //打印服务端返回的数据(调试用
                        if (result.codeIndex === 1) {
                            //登入成功的提示与跳转
                            layer.msg(result.msg,
                                {
                                    offset: '15px',
                                    icon: 1,
                                    time: 1000
                                },
                                function () {
                                    window.localStorage.setItem("lockcms", false); //取消锁屏标记
                                    location.href = '/Home/index'; //后台主页
                                });
                        } else {
                            layer.msg(result.msg,
                                {
                                    offset: 't',
                                    anim: 6
                                });
                        }
                    },
                    error: function () {
                        layer.msg("出错了,请检查网络哦!",
                            {
                                offset: 't',
                                anim: 6
                            });
                    }
                });
                return false;
            });
        })
    </script>
</body>
</html>

